<script type="text/javascript">

    IdRoom = -1;


    jQuery(function($) {
        $("#txtFecha").mask("9999-99-99");
    });

    function deleteRoom(id) {
        var r = confirm("¿Desea realmente eliminar el dato?");
        if (r == true) {
            $.ajax({
                type: "post",
                url: "./src/habitaciones.php",
                data: "type=2&id=" + id,
                success: function(data) {
                    showResultado($("#resultadosServer"), data);
                    //$("#resultados").html(data);
                    getRooms("IdRoom");
                }

            });
        }
    }


    function getRooms(orderBy) {
        $.ajax({
            type: "post",
            url: "./src/habitaciones.php",
            data: "type=0&orderby=" + orderBy,
            success: function(data) {
                $("#listado").html(data);
            }

        });
    }

    function clear() {
        IdRoom = -1;
        $("#txtNombre").val("");
        $("#txtLugares").val("");
        $("#txtPrecio").val("");
        $("#txtMensual").val("");
        $("#txtExtra").val("");
    }

    function selectRoom(id, nombre, lugares, precio, mensual, extra, tipo) {
        IdRoom = id;
        $("#txtNombre").val(nombre);
        $("#txtLugares").val(lugares);
        $("#txtPrecio").val(precio);
        $("#txtMensual").val(mensual);
        $("#txtExtra").val(extra);
        $("#cboTipo option[value='" + tipo + "']").attr("selected", "true");

    }

    function saveRoom() {
        var nombre = $("#txtNombre").prop("value");
        var lugares = $("#txtLugares").prop("value");
        var precio = $("#txtPrecio").prop("value");
        var mensual = $("#txtMensual").prop("value");
        var extra = $("#txtExtra").prop("value");
        var tipo = $("#cboTipo").val();

        data = "&nombre=" + nombre + "&lugares=" + lugares + "&precio=" + precio +
                "&mensual=" + mensual + "&extra=" + extra + "&tipo=" + tipo;
        if (IdRoom == -1) {
            data = "type=1" + data;
        } else {
            data = "type=3&id=" + IdRoom + data;

        }

        $.ajax({
            type: "post",
            url: "./src/habitaciones.php",
            data: data,
            success: function(data) {
                //$("#resultados").html(data);
                showResultado($("#resultadosServer"), data);
                getRooms('IdRoom');
                clear();
            }

        });
    }
</script>

<body onload="getRooms('IdRoom')">
    <div style="height: 35px;"></div>
    
    <table border="0" style="width: 100%;">
        <tbody>
            <tr><td colspan="8"><h1>Administración > Habitaciones</h1></td></tr>
            <tr>
                <td>Nombre</td>
                <td><input type="text" id="txtNombre" name="txtNombre" value=""  class="generalInput"/></td>
                <td>Lugares</td>
                <td><input type="number" id="txtLugares" name="txtLugares" value="" class="generalInput"/></td>
                <td>Precio</td>
                <td><input type="number" id="txtPrecio" name="txtPrecio" value="" step="any" class="generalInput"/></td>
            </tr>
            <tr>
                <td>Mensual</td>
                <td><input type="number" step="any" id="txtMensual" name="txtMensual" value="" class="generalInput"/></td>
                <td>Extra</td>
                <td><input type="number" step="any" id="txtExtra" name="txtExtra" value="" class="generalInput"/></td>
                <td>Tipo</td>
                <td>
                    <SELECT name="cboTipo" id="cboTipo" class="generalInput">
                        <?php
                        require_once 'MyDB.php';
                        $con = new MyDB();
                        $query = $con->selectFrom("roomtypes", $columns = null, $where = null, $like = false, $orderby = null, $direction = "DESC", $limit = null, $offset = null);
                        $result = $query["result"];
                        foreach ($result as $row) {
                            echo "<option value=" . $row["IdRoomType"] . ">" . $row["Descripcion"] . "</OPTION>";
                        }
                        ?>
                    </SELECT>
                </td>
                <td colspan="3"></td><td><input type="button" value="Guardar" name="save" onclick="saveRoom()" class="btnSave"/></td>
            </tr>
            <tr>
                <td colspan="12">
                    <table id="results" class="resultsHeader" style="width: 100%;" cellspacing="0" cellpadding="0" border="0">
                        <thead >
                            <tr >
                                <th style="width: 10px;" onclick="getGastos('IdRoom')" >Id</th>
                                <th onclick="getGastos('Fecha')" >Nombre</th>
                                <th>Lugares</th>
                                <th>Precio</th>
                                <th>Mensual</th>
                                <th>Extra</th>
                                <th>Tipo</th>
                                <th colspan="2">Acciones</th>

                            </tr>
                        </thead>
                        <tbody id="listado">

                        </tbody>    
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
    <input type="hidden" id="hRol" value="<?php echo $_SESSION['remises_rol'] ?>"/>
    <div id="resultadosServer" class="resultadosServer"></div>
</body>